
.carmanAdmin {
  position: relative;
  overflow-y: scroll;
  .Table-row {
    input {
      height: 28px;
      text-indent: 15px;
      border:1px solid #999;
      border-radius: 5px;
    }
    .select-box {
      display: flex;
      .child-input {
        width: 25%;
      }
      .Address-flex {
        .address_demo {
          position: relative;
          width: 70%;
          display: inline-block;
          height:28px;
          border:1px solid #999;
          border-radius: 5px;
          line-height: 28px;
          text-indent: 15px;
        }
        .select-list {
          background: #EAEAEA;
          position: absolute;
          width:100%;
          top:30px;
          border:1px solid #999;
          li {
            width:100%;
            height:28px;
            line-height:28px;
            text-indent:15px;
            cursor: pointer;
          }
          li:hover {
            background: #999;
            color: #fff;
          }
        }
      }
      .date-choose {
        width: 50%;
        .send-time {
          height: 28px;
          line-height: 28px;
        }
        .time-select-wrap {
          .time-item {
            width: 40%;
            float: left;
          }
          .form-control {
            text-indent: 0;
            display: inline-block;
            height: 28px;
            border: 1px solid #999;
            border-radius: 5px;
            line-height: 28px;
            //width:95% !important;
          }
          .span-time-icon {
            padding: 4px 12px !important
          }
        }
      }
      .btn-group {
        width:10%;
      }
    }
    .car {
      width:100%;
      ul {
        overflow: hidden;
        li {
          padding: 10px 0;
          width: 23%;
          margin: 2% 1%;
          float: left;
          border: 1px solid #999;
          border-radius: 8px;
          .li-wrap {
            padding: 10px;
            overflow: hidden;
            .info-box {
              float: left;
              position: relative;
              width: 55%;
              .status_img {
                position: absolute;
                top: 5px;
                right: 12px;
              }
              .rows {
                overflow: hidden;
                margin: 8px 0
              }
              .icon {
                width: 19px;
                height: 20px;
                display: block;
                float: left;
                margin-right: 10px
              }
              .car {
                background: url('../images/text-icon-car.png')
              }
              .people {
                background: url('../images/text-icon-user.png')
              }
              .time {
                background: url('../images/text-icon-time.png')
              }
              .address {
                background: url('../images/text-icon-address.png')
              }
              span {
              }
            }
            .right_img {
              float: right;
              width: 38%;
              height: 90px
            }
          }
          .btn-group {
            width: 100%;
            display: flex;
            justify-content: center;
            .btn {
              display: inline-block;
              margin: 0 15px;
            }
          }
        }
        li:hover {
          background: #999;
          color: #fff;
          .li-wrap {
            .info-box {
              .car {
                background: url('../images/text-icon-car-hover.png')
              }
              .people {
                background: url('../images/text-icon-user-hover.png')
              }
              .time {
                background: url('../images/text-icon-time-hover.png')
              }
              .address {
                background: url('../images/text-icon-address-hover.png')
              }
            }
          }
        }
      }
    }
  }
  .modal-ctrl-content {
    .stress-img {

    }
  }
}

.person {
  .Table-row {
    .select-box {
      .child-input {
        width: 20%;
      }
      .select-flex {
        .date_demo {
          position: relative;
          width: 70%;
          display: inline-block;
          height:28px;
          border:1px solid #999;
          border-radius: 5px;
          line-height: 28px;
          text-indent: 15px;
        }
        .select-list {
          background: #EAEAEA;
          position: absolute;
          width:100%;
          top:30px;
          border:1px solid #999;
          z-index: 10;
          li {
            width:100%;
            height:28px;
            line-height:28px;
            text-indent:15px;
            cursor: pointer;
          }
          li:hover {
            background: #999;
            color: #fff;
          }
        }
      }
      .device {
        li {
          .check {
            width:11px;
            height:11px;
            background: url("../images/checkborder.png") no-repeat;
            display: inline-block;
          }
          .checkTrue {
            background: url("../images/check-true.png") no-repeat;
          }
        }
        li:hover {
          background: #EAEAEA !important;
          color: #999 !important;
        }
      }
    }
    .select-table {
      font-size: 12px;
      border-radius: 5px;
      //background: url('../images/table-border.png') no-repeat;
      background-size: 100% 100%;
      overflow: hidden;
      margin: 25px auto 0;
      .table-title {
        height: 40px;
        line-height: 40px;
        background: #999;
        li {
          float: left;
          height: 40px;
          line-height: 40px;
          text-align: center;
          text-align: center;
        }
      }
      .table-content {
        li {
          overflow: hidden;
          border-bottom: 1px solid #999;
          .imgs {
            width:50px;
            height:50px;
          }
          .child {
            width: 8%;
            float: left;
            text-align: center;
            padding: 8px 0;
            line-height: 49px;
          }
          .look {
            width: 32px;
            height: 24px;
            display: block;
            background: url('../images/look.png');
            margin: 10px auto;
            cursor: pointer;
          }
        }
        li .child:nth-child(1) {
          width: 5%
        }
        li .child:nth-child(7) {
          width: 10%
        }
        li .child:nth-child(8) {
          width: 10%
        }
        li .child:nth-child(11) {
          width: 5%
        }
        li .child:nth-child(13) {
          width: 5%
        }
      }
    }
  }
}

/*自适应*/

@media screen and (max-width: 1600px) {

}
